
<template>
    <router-view  v-slot="{ Component }">
        <transition>
            <keep-alive>
            <component :is="Component" />
            </keep-alive>
        </transition>
    </router-view>
</template>

<script setup lang="ts" >
</script>

<style scoped>
.v-enter-active, .v-leave-active {
    transition: opacity 0.5s ease;
}

.v-enter-from, .v-leave-to {
    opacity: 0;
}
</style>